<html>
    <head>
        <title>jQuery.timepickr.js</title>
             
        <link rel="Stylesheet" media="screen" href="theme/themes/default/ui.core.css" />
        <link rel="Stylesheet" media="screen" href="theme/themes/default/ui.timepickr.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  
        <script type="text/javascript" src="jquery.utils.js"></script>
        <script type="text/javascript" src="jquery.strings.js"></script>        
        <script type="text/javascript" src="jquery.ui.all.js"></script>
        <script type="text/javascript" src="code/ui.dropslide.js"></script>
        <script type="text/javascript" src="code/ui.timepickr.js"></script>

        <script type="text/javascript">
            $(function(){
              $('#test-1').timepickr({trigger: '#trigger-test'});             
                                  
            });
        </script>
    </head>
    <body>   
                              
                   
 <input id="test-1" type="text" value="00:00">                         
              
    </body>
</html>

